@fontSize: 12px;
@bgColor: red;

// 定义一个mixin 相当于是函数
.box {
  color: green;
}

.box1 {
  // 使用 样式 box 函数
  .box();
  line-height: 2em;
}
.box2 {
  .box();
  line-height: 3em;
}

// 定义一个mixin 变量
.block(@fontSize) {
  font-size: @fontSize;
  border: 1px solid #ccc;
  border-radius: 4px;
}

body {
  padding: 0;
  margin: 0;
}

.wrapper {
  background: lighten(@bgColor, 40%);

  .nav {
    .block(@fontSize);
  }
  .content {
    .block(@fontSize + 2px);
    &:hover {
      background: red;
    }
  }
}
